<template>
  <div :class="wrapClass">
    <slot />
  </div>
</template>
<script>
export default {
  name: 'Page',
  props: {
    type: {
      type: String,
      default: ''
    }
  },
  computed: {
    wrapClass() {
      return [
        'page-layout',
        {
          [`page-type__${this.type}`]: this.type
        }
      ]
    }
  }

}
</script>
<style scoped>
.page-layout{
  padding: 16px 110px 16px 26px;
  width: 100%;
}
/* 自行扩展 */
.page-type-xxx {
  margin: 16px 0;
}
</style>
